<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    fieldset{
        margin: 0 auto;
        width: 500px;
        height: 550px;

        border-radius: 10px;
    }
    legend{
        margin-left: 50px;
    }
    form{
        background-color: antiquewhite;

        margin: 10px auto;
        width: 450px;
        height: 480px;
        border-radius: 10px;

        padding: 10px;
    }

    .d1{
        margin-top: 10px;
    }
    textarea{
        margin-top: 5px;
        resize: none;
        width: 300px;
        height: 200px;
    }
    .sub,.res{
        width: 100px;
        height: 30px;
        margin-top: 30px;
    }

</style>
<body>
    <fieldset>
        <legend>学生信息收集</legend>
        <form action="">
            <div class="d1"> 姓名：<input type="text"></div>
            <div class="d1"> 学号：<input type="text"></div>
            <div class="d1">
                性别：
                <label for="s1">男</label><input type="radio" name="sex" id="s1">
                <label for="s2">女</label><input type="radio" name="sex" id="s2">
            </div>
            <div class="d1">
                爱好：
                <label for="s3">唱</label><input type="checkbox" name="hobby" id="s3">
                <label for="s4">跳</label><input type="checkbox" name="hobby" id="s4">
                <label for="s5">rap</label><input type="checkbox" name="hobby" id="s5">
                <label for="s6">篮球</label><input type="checkbox" name="hobby" id="s6">
                <label for="s7">其他</label><input type="checkbox" name="hobby" id="s7">
            </div>
            <div class="d1">所在城市：
                <select name="" id="">
                    <option value="">北京</option>
                    <option value="">深圳</option>
                    <option value="">广州</option>
                    <option value="">南京</option>
                    <option value="">上海</option>
                </select>
            </div>
            <div class="d1">
                自我评价：<br>
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </div>
            
            <div class="d1">
                <input type="submit" class="sub">
                <input type="reset" class="res">
            </div>

            

        </form>

    </fieldset>

</body>
</html>